<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>基本资料</title>
    <link rel="stylesheet" href="../layui/css/layui.css" media="all">
    <link rel="stylesheet" type="text/css" href="css/manage-admin.css">
    <style>
        /* 解决使用Vue.js页面加载数据的时候，页面闪现原始代码 */
        [v-cloak] {
            display: none;
        }
    </style>
</head>
<body>
    <div id="information" v-cloak>
        <div class="container">
            <div class="content">
                <div class="main">
                    <div class="info-content">
                        <div class="profile-container">
                            <div class="profile-title">基本信息</div>
                            <div class="avatar-container">
                                <div class="avatar-content">
                                    <img class="J-setted-avatar" v-bind:src="'images/'+admin.image">
                                    <div class="J-upload-avatar-w upload-avatar-image">
                                        <input type="button" class="J-upload-avatar upload-btn" value="更换头像">
                                        <input type="file" id="fileUpload" name="file">
                                    </div>
                                </div>
                            </div>

                            <form class="userexinfo-form">
                                <div class="userexinfo-form-section">
                                    <p>编号：</p>
                                    <span>{{admin.adminId}}</span>
                                </div>

                                <div class="userexinfo-form-section">
                                    <p>账号：</p>
                                    <span>
                                        <input type="text" id="adminName" v-bind:value="admin.adminName">
                                    </span>
                                </div>


                                <div class="userexinfo-form-section">
                                    <p>身份：</p>
                                    <span>{{admin.level}}</span>
                                </div>

                                <div class="userexinfo-form-section">
                                    <p>注册时间：</p>
                                    <span>{{admin.registerTime}}</span>
                                </div>

                                <div class="userexinfo-bottom-section clearfix" style="margin-left: 90px;margin-top: 25px;">
                                    <button type="button" class="layui-btn layui-btn-normal" @click="save"><i class="layui-icon">&#xe621;</i> 保存</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="../js/jquery-1.12.4.min.js"></script>
    <script src="../js/Vue.js"></script>
    <script src="../layer/layer.js"></script>
    <script src="../layui/layui.js"></script>
    <script src="js/manage-admin.js"></script>
</body>
</html>